<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--同级目录-->
<img src="a.jpg" alt="这是个美女图">
<!--上级目录-->
<img src="../b.jpg" alt=""title="图片标题"width="100"height="100">
<!--下级目录-->
<img src="abc/c.jpg" alt=""width="50%">
<!--绝对路径-->
<img src="https://cdn.tmooc.cn/tmooc-web/css/img/img2019052301x.jpg" alt="">


</body>
</html>